<template>
  <div>HelloWorld - {{ count }}</div>
</template>

<!-- <script>
// 当使用 setup 选项，且 setup 选项 顶层有 await 操作时，那么当前组件就是一个异步组件
//      这种异步组件没法设置 loadingComponent、time 等配置，这时他们就需要配合 Suspence 去使用
export default {
  async setup() {
    const count = await new Promise((resolve) => {
      setTimeout(() => {
        resolve(100)
      }, 10000)
    })

    return {
      count
    }
  }
}
</script> -->

<!-- 
  当使用 setup 语法糖，且 顶层有 await 操作时，那么当前组件就是一个异步组件，需要配置 Suspence 组件使用。
 -->
<script setup>
const count = await new Promise((resolve) => {
  setTimeout(() => {
    resolve(100)
  }, 10000)
})
</script>
